<script setup>
// 下测面板

</script>

<template>
  <div id="downsidepanel">
    <div>
      <img src="../../assets/img/button1.png" alt="">
      <span>Button</span>
    </div>
    <div>
      <img src="../../assets/img/button2.png" alt="">
      <span>Button</span>
    </div>
    <div>
      <img src="../../assets/img/button3.png" alt="">
      <span>Button</span>
    </div>
  </div>
</template>

<style lang="scss" scoped>
#downsidepanel {
  position: absolute;
  bottom: vh(50px);
  left: 50%;
  transform: translate(-50%, 0);
  width: vw(700px);
  height: vh(60px);
  z-index: 1;
  display: flex;
  justify-content: space-evenly;

  div {
    display: flex;
    align-items: center;

    span {
      margin-left: vw(7px);
      font-size: rem(17.93px);
      color: #7b8d9c;
      cursor: pointer;
    }
  }
}
</style>